@import "base/global";
@import "comptents/head";
@import "comptents/dialogForLayer";
//
#carousel {
  width: 100%;height: 683px;background: #dedede;
  margin-bottom: 30px;
  .swiper-slide {
    background-size: 1920px 683px;
    background-position: center;
  }
}

#filter {
   padding: 0 24px;
   background: #ffffff;
  border-radius: $bor-radius-dia2;
  margin-bottom: 40px;
   .itemRow {
     height: 70px;
     overflow: hidden;
     &.border {
       border-bottom: 1px solid #ededed;
     }
     .icon {
       float:left;
       width: 37px;
       height: 70px;
       color:$color-primary;
       line-height: 70px;
       font-size: 24px;
     }
     .text {
       float: left;
       overflow: hidden;
       .item {
         float: left;
         height: 70px;
         line-height: 70px;
         font-size: 16px;
         &.filterItem {
           margin: 0;
           padding:0 13px;
         }
         &.active {
           color:$color-primary;
         }
       }
     }
   }
}

#works {
  .row {
    margin-left: -12px;
    margin-right: -12px;
    .item {
      float:left;
      margin: 0 12px 24px;
      width: 424px;
      border-radius: $bor-radius-dia2;
      overflow: hidden;
      .imgBox {
        width: 424px;
        height: 251px;
      }
      .info {
        background-color: #fff;
        width: 424px;
        padding: 16px 13px 26px 13px;
        position: relative;
        .tip {
          position: absolute;
          height: 28px;
          padding-left: 22px;
          padding-right: 14px;
          color:#fff;
          background-color: #f24545;
          background-image: url("../img/index-text-head.jpg");
          background-repeat: no-repeat;
          line-height: 27px;
          bottom: 20px;
          right: 0;
          &.disable {
            background-color: #d9d9d9;
            color:$text-color-inverse;
            background-image: url("../img/index-text-head-end.png");
          }
        }
        .title {
          color:$text-color;
          font-weight: 600;
          font-size: 16px;
          margin-bottom: 14px;
          width: 100%;
        }
        .m-title {
          color:$text-color;
          font-size: 15px;
          margin-bottom: 14px;
        }
        .l-title {
          font-size: 14px;
          color:$text-grey;
        }
      }
    }
  }
  .page {
    height: 150px;
  }
}
